<!--footer start-->
<footer class="footer" xmlns:portal="http://www.w3.org/1999/html">
    <div class="container">
        <div class="row">
            <widget name="contact">
                <div class="col-lg-3 col-sm-3 address wow fadeInUp animated" data-wow-duration="2s" data-wow-delay=".1s" data-wow-animation-name="fadeInUp" style="visibility: visible; animation-duration: 2s; animation-delay: 0.1s; animation-name: fadeInUp;">
                    <h1>{$widget.title}</h1>
                    <address>
                        <notempty name="$theme_vars.gl_address">
                            <p><i class="fa fa-home pr-10"></i>Address: {$theme_vars.gl_address}</p>
                        </notempty>

                        <notempty name="$theme_vars.gl_mobile">
                            <p><i class="fa fa-mobile pr-10"></i>Mobile
                                <foreach  name="$theme_vars.gl_mobile" item="vo">{$vo.mobile}&emsp;</foreach>
                            </p>
                        </notempty>


                        <notempty name="$theme_vars.gl_tel">
                            <p><i class="fa fa-phone pr-10"></i>Phone : <foreach name="$theme_vars.gl_tel" item="vo">{$vo.tel}&emsp;</foreach></p>
                        </notempty>


                        <notempty name="$theme_vars.gl_email">
                            <p><i class="fa fa-envelope pr-10"></i>Email :{$theme_vars.gl_email}</p>
                        </notempty>



                    </address>
                </div>
            </widget>

            <widget name="tutor">
                <div class="col-lg-3 col-sm-3 wow fadeInUp animated" data-wow-duration="2s" data-wow-delay=".3s" data-wow-animation-name="fadeInUp" style="visibility: visible; animation-duration: 2s; animation-delay: 0.3s; animation-name: fadeInUp;">
                <h1>{$widget.title}</h1>
                    <php>$where=['recommended'=>1];</php>
                    <portal:articles limit="$widget.vars.count" order="post.published_time DESC" where="$where"  categoryIds="$widget.vars.category">
                        <div class="tweet-box">

                            <em>{$vo.post_title}
                                <a href="{:cmf_url('portal/Article/index',['id'=>$vo.id,'cid'=>$vo.category_id])}">查阅</a>
                        </div>
                    </portal:articles>
            </div>
            </widget>


            <widget name="bottom_nav">
                    <div class="col-lg-3 col-sm-3">
                        <div class="page-footer wow fadeInUp animated" data-wow-duration="2s" data-wow-delay=".5s" data-wow-animation-name="fadeInUp" style="visibility: visible; animation-duration: 2s; animation-delay: 0.5s; animation-name: fadeInUp;">
                            <h1>{$widget.vars.nav_name}</h1>
                                <navigation nav-id="$widget.vars.nav_cat" root="ul" class="page-footer-list">
                                    <navigationMenu root="li">
                                        <i class="fa fa-angle-right"></i>
                                        <a href="{$menu.href|default='#'}" target="{$menu.target|default='_blank'}">{$menu.name}</a>
                                    </navigationMenu>
                                </navigation>


                        </div>
                    </div>
            </widget>

            <widget name="text_widget">
                <div class="col-lg-3 col-sm-3">
                    <div class="text-footer wow fadeInUp animated" data-wow-duration="2s" data-wow-delay=".7s" data-wow-animation-name="fadeInUp" style="visibility: visible; animation-duration: 2s; animation-delay: 0.7s; animation-name: fadeInUp;">
                        <h1>{$widget.vars.title}</h1>
                        <p>{$widget.vars.content}</p>
                        <notempty name="widget.vars.image">
                            <img src="{$widget.vars.image|cmf_get_image_url}" alt="">
                        </notempty>
                    </div>
                </div>
            </widget>



        </div>
    </div>
</footer>

<!--small footer start -->
<footer class="footer-small">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6 pull-right">
                <ul class="social-link-footer list-unstyled">
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".1s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.1s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-weibo"></i>
                        </a>
                    </li>
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".2s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-google-plus"></i>
                        </a>
                    </li>
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".3s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.3s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-dribbble"></i>
                        </a>
                    </li>
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".4s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.4s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-linkedin"></i>
                        </a>
                    </li>
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".5s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.5s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-twitter"></i>
                        </a>
                    </li>
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".6s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.6s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-skype"></i>
                        </a>
                    </li>
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".7s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.7s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-github"></i>
                        </a>
                    </li>
                    <li class="wow flipInX animated" data-wow-duration="2s" data-wow-delay=".8s" data-wow-animation-name="flipInX" style="visibility: visible; animation-duration: 2s; animation-delay: 0.8s; animation-name: flipInX;">
                        <a href="#">
                            <i class="fa fa-youtube"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <div class="copyright">
                    <p>
                        {$theme_vars.copyright|default=''}
                        <empty name="$site_info.site_icp">
                            请在后台设置
                        <else/>
                            {$site_info.site_icp}
                        </empty>

                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>